*{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;/*去除li的小点*/
}
a{
	text-decoration: none;/*去除a标签的下划线*/
}

					/*↓↓↓头部样式开始↓↓↓*/

			/*↓↓↓上面导航样式开始↓↓↓*/
			
/*↓↓↓上面导航样式左边开始↓↓↓*/


/*↓↓↓清楚浮动↓↓↓*/
.clearfix::before,
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
/*↑↑↑清除浮动结束↑↑↑*/

.topnav{
	background: #fff;
	width: 100%;
	height: 30px;
	position: fixed;
	z-index: 3;
}
.nav-left{
	float: left;
}
.nav-left>ul>li{
	float: left;
	margin-left: 10px;
	height: 30px;
	line-height: 30px;
	color: #3F3F3F;
	font-size: 12px;
	font-family: "微软雅黑";
}
.nav-left>ul>li>a{
	margin-right: 10px;
	color: #3F3F3F;
	font-size: 12px;
	font-family: "微软雅黑";
}
.nav-left>ul>li:nth-child(1){
	background: url(../img/global_0012.png) no-repeat 0 10px;
	width: 100px;
	height: 20px;
}
.nav-left>ul>li>a>span{
	display: none;
}
/*↑↑↑上面导航样式左边结束↑↑↑*/

/*↓↓↓上面导航样式右边开始↓↓↓*/


.nav-right{
	float: right;
}
.nav-right>ul>li{
	float: right;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #666;
	margin-left: 10px;
	height: 30px;
	line-height: 30px;
}
.nav-right ul li a{
	color:#3F3F3F;
}
.nav-right ul li:nth-child(1) a{
	margin-right: 80px;
}
.nav-right ul li:nth-child(2) a{
	margin-right: 10px;
}
/*↑↑↑上面导航样式右边结束↑↑↑*/

/*↑↑↑上面导航样式结束↑↑↑*/

				/*↓↓↓下面导航样式开始↓↓↓*/


/*↓↓↓下面导航左边样式开始↓↓↓*/
.mainbav{
	background: #000;
	width: 100%;
	position: fixed;
	top: 30px;
	z-index: 3;
}
.mainbav-left{
	float: left;
}
.mainbav-left>ul>li{
	float: left;
	height: 50px;
	width: 85px;
	line-height: 50px;
	text-align: center;
	
}
.mainbav-left>ul>li:nth-child(1) a{
	border: none;
}
.mainbav-left>ul>li a{
	width: 85px;
	height: 25px;
	line-height: 25px;
	margin-top: 15px;
	border-left: 1px solid red;
	box-sizing: border-box;
	margin-left: -1px;
	color: #FFFFFF;
	font-size: 14px;
	display: block;
	font-family: "微软雅黑";
	position: relative;
	z-index: -1;
}
.mainbav-left>ul>li:hover a{
	color: red;
	border: #fff;
	position: relative;
	z-index: 1;
}
.mainbav-left>ul>li:hover{
	background: #fff;
}
/*↑↑↑下面导航左边样式结束↑↑↑*/


/*↓↓↓下拉列表开始↓↓↓*/
.nav1{
	position: relative;
}
.nav2{
	position: relative;
}
.nav3{
	position: relative;
}
.nav4{
	position: relative;
}
.nav5{
	position: relative;
}
.nav1:hover .dropmenu{
	display: block;	
}
.nav2:hover .dropmenu{
	display: block;	
}
.nav3:hover .dropmenu{
	display: block;	
}
.nav4:hover .dropmenu{
	display: block;	
}
.nav5:hover .dropmenu{
	display: block;	
}
.nav1 .dropmenu{
	width: 1600px;
	height: 400px;
	background: #FFFFFF;
	position: absolute;
	top: 50px;
	left: -85px;
	display: none;
}
.nav2 .dropmenu{
	width: 1600px;
	height: 400px;
	background: #FFFFFF;
	position: absolute;
	top: 50px;
	left: -170px;
	display: none;
}
.nav3 .dropmenu{
	width: 1600px;
	height: 400px;
	background: #FFFFFF;
	position: absolute;
	top: 50px;
	left: -255px;
	display: none;
}
.nav4 .dropmenu{
	width: 1600px;
	height: 400px;
	background: #FFFFFF;
	position: absolute;
	top: 50px;
	left: -340px;
	display: none;
}
.nav5 .dropmenu{
	width: 1600px;
	height: 400px;
	background: #FFFFFF;
	position: absolute;
	top: 50px;
	left: -425px;
	display: none;
}
.nav1 .dropmenu2{
	margin-left: 50px;
}
.nav2 .dropmenu2{
	margin-left: 160px;
}
.nav3 .dropmenu2{
	margin-left: 260px;
}
.nav4 .dropmenu2{
	margin-left: 345px;
}
.nav5 .dropmenu2{
	margin-left: 429px;
}
.dropmenu2{
	float: left;
}
.dropmenu2>ul>li{
	margin-bottom: -12px;
}
.dropmenu3>ul>li{
	margin-bottom: -12px;
}
.dropmenu4>ul>li{
	margin-bottom: -22px;
}
.dropmenu5>ul>li{
	margin-bottom: -22px;
}
.dropmenu3{
	float: left;
	margin-left: 45px;
}
.dropmenu4{
	float: left;
	margin-left: 45px;
}
.dropmenu5{
	float: left;
	margin-left: 45px;
}
.dropmenu{
	font-size: 12px;
	color: #666666;
}
/*↑↑↑下拉列表结束↑↑↑*/

/*↓↓↓↓↓下面的导航右边样式开始↓↓↓↓↓*/
.mainbav-right{
	float: right;
	position: relative;
}
.mainbav-bj1{
	background: url(../img/fax_hot.gif) no-repeat;
	width: 70px;
	height: 50px;
	position: absolute;
	left: -80px;
	top: -10px;
}

.mainbav-bj2{
	background: url(../img/global_0013.png) no-repeat -1px 13px;
	width: 300px;
	height: 50px;
	position: relative;
}
.mainbav-bj2 input{
	width: 180px;
	color: #FFFFFF;
	position: absolute;
	top: 15px;
	
}


/*↑↑↑↑↑↑下面的导航右边样式结束↑↑↑↑↑↑*/

				/*↑↑↑↑↑下面导航样式结束↑↑↑↑↑↑*/



/*↓↓↓↓↓↓侧边栏样式开始↓↓↓↓↓↓*/
.sidebar{
	width: 45px;
	height: 100%;
	background: #000000;
	position: fixed;
	top: 80px;
	right: 0;
	z-index: 2;
}
.sidebar>ul>li{
	width: 40px;
	height: 38px;
	margin: 0 auto;
	margin-top: 30px;
	margin-left: 3px;
	text-align: center;
}
.sidebar>ul>li>a{
	color: #666;
	font-size: 12px;
}
.sidebar>ul>li>a:hover{
	color: #FFFFFF;
}
/*↑↑↑↑↑侧边栏样式结束↑↑↑↑↑↑*/


			/*↓↓↓↓↓↓主体部分开始↓↓↓↓↓↓*/
.bj1{
	background: url(../img/pc_01.jpg) no-repeat;
	width: 100%;
	height: 616px;
}
.main{
	
}
.main>p{
	text-align: center;
	font-family: "黑体";
	font-size: 23px;
	margin-top: 15px;
	font-weight: 500;
}
.main>p:nth-child(4){
	color: red;
}
.main2{
	position: relative;
	background: url(../img/pc_title_1127.jpg) no-repeat -190px 0px;
	width: 100%;
	height: 460px;
}

/*↓↓↓↓↓2D动画↓↓↓↓↓*/
.main2>img{
	width: 330px;
	height: 349px;
	transition: all 0.7s;
}
.main2>img:hover{
	transform: scale(0.98);
}
/*↑↑↑↑↑2D动画结束↑↑↑↑↑*/

.main2>img:nth-child(1){
	position: absolute;
	top: 85px;
	left: 260px;
	box-shadow: 1px 3px 3px 3px #bbb;
}
.main2>img:nth-child(2){
	position: absolute;
	top: 85px;
	left: 605px;
	box-shadow: 1px 3px 3px 3px #bbb;
}
.main2>img:nth-child(3){
	position: absolute;
	top: 85px;
	left: 955px;
	box-shadow: 1px 3px 3px 3px #bbb;
}
.main3{
	/*border: 1px solid #FFFFFF;*/
	/*box-sizing: border-box;*/
	width: 1436px;
	height: 520px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	left: -20px;
}
.main3>a>img{
	position: absolute;
	right: -242px;
}
.main4{
	/*border: 1px solid #FFFFFF;*/
	/*box-sizing: border-box;*/
	width: 813px;
	height: 690px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.main4>a>img{
	position: absolute;
	top: -525px;
	left: -558px;
	/* box-shadow: 1px 3px 3px 3px #bbb; */
	z-index: 1;
}
.main10>a>img{
	width: 388px;
	height: 524px;
	position: absolute;
	z-index: 2;
	top: 3px;
	left: 9px;
}


/* ↓↓↓遮罩层效果↓↓↓ */


/* ↓↓↓↓↓↓↓第一个遮罩层↓↓↓↓↓↓↓ */
.main10>a{ 
	position: relative;
	overflow: hidden;
}
.main10>a>img{
	position: absolute;
	left: 10px;
	top: 3px;
}
.main10>a:hover>.zzc1{
	opacity: 1/* 透明度为1 */
}
.main10>a>.zzc1{
	width: 388px;
	height: 524px;
	z-index: 2;
	background: rgba(66, 66, 66, 0.7);/* r:红色 g:绿色  b:蓝色  a透明度 */
	opacity: 0;
	position: absolute;
	left: -378px;
	top: 3px;
	transition: all 0.8s;
}

.main10>a:hover>.zzc1{
	display: block;
	transform: translate(100%);
	/*transform: translate(100%);*/
}
.main10>a>.zzc1>p{
	text-align: center;
	line-height: 500px;
	transition: all 1s;
	font-size: 37px;
	color: #ccc;
}
/* ↑↑↑↑↑↑↑第一个遮罩层↑↑↑↑↑↑↑ */





/* ↓↓↓↓↓↓↓第二个遮罩层↓↓↓↓↓↓↓ */
.main11>a{ 
	position: relative;
	overflow: hidden;
}
.main11>a>img{
	position: absolute;
	left: 10px;
	top: 3px;
}
.main11>a:hover>.zzc2{
	opacity: 1/* 透明度为1 */
}
.main11>a>.zzc2{
	width: 388px;
	height: 524px;
	z-index: 2;
	background: rgba(66, 66, 66, 0.7);/* r:红色 g:绿色  b:蓝色  a透明度 */
	opacity: 0;
	position: absolute;
	left: 793px;
	top: 3px;
	transition: all 0.8s;
}

.main11>a:hover>.zzc2{
	display: block;
	transform: translate(-100%);
}
.main11>a>.zzc2>p{
	text-align: center;
	line-height: 500px;
	transition: all 1s;
	font-size: 37px;
	color: #ccc;
}
/* ↑↑↑↑↑↑↑第二个遮罩层↑↑↑↑↑↑↑ */




/* ↓↓↓↓↓↓↓第三个遮罩层↓↓↓↓↓↓↓ */
.main12>a{ 
	position: relative;
	overflow: hidden;
}
.main12>a>img{
	position: absolute;
	left: 10px;
	top: 3px;
}
.main12>a:hover>.zzc3{
	opacity: 1/* 透明度为1 */
}
.main12>a>.zzc3{
	width: 388px;
	height: 521px;
	z-index: 2;
	background: rgba(66, 66, 66, 0.7);/* r:红色 g:绿色  b:蓝色  a透明度 */
	opacity: 0;
	position: absolute;
	left: 8px;
	top: -509px;
	transition: all 0.8s;
}

.main12>a:hover>.zzc3{
	display: block;
	transform: translateY(100%);
	/*transform: translate(100%);*/
}
.main12>a>.zzc3>p{
	text-align: center;
	line-height: 500px;
	transition: all 1s;
	font-size: 37px;
	color: #ccc;
}
/* ↑↑↑↑↑↑↑第三个遮罩层↑↑↑↑↑↑↑ */




/* ↓↓↓↓↓↓↓第四个遮罩层↓↓↓↓↓↓↓ */
.main13>a{ 
	position: relative;
	overflow: hidden;
}
.main13>a>img{
	position: absolute;
	left: 10px;
	top: 3px;
}
.main13>a:hover>.zzc4{
	opacity: 1/* 透明度为1 */
}
.main13>a>.zzc4{
	width: 388px;
	height: 524px;
	z-index: 2;
	background: rgba(66, 66, 66, 0.7);/* r:红色 g:绿色  b:蓝色  a透明度 */
	opacity: 0;
	position: absolute;
	left: 793px;
	top: -510px;
	transition: all 0.8s;
}

.main13>a:hover>.zzc4{
	display: block;
	transform: translate(-100%,100%);
}
.main13>a>.zzc4>p{
	text-align: center;
	line-height: 500px;
	transition: all 1s;
	font-size: 37px;
	color: #ccc;
}
/* ↑↑↑↑↑↑↑第四个遮罩层↑↑↑↑↑↑↑ */





/* ↓↓↓↓↓↓↓第五个遮罩层↓↓↓↓↓↓↓ */
.main14>a{ 
	position: relative;
	overflow: hidden;
}
.main14>a>img{
	position: absolute;
	left: 0;
	top: 0;
}
.main14>a:hover>.zzc5{
	opacity: 1/* 透明度为1 */
}
.main14>a>.zzc5{
	width: 388px;
	height: 524px;
	z-index: 2;
	background: rgba(66, 66, 66, 0.7);/* r:红色 g:绿色  b:蓝色  a透明度 */
	opacity: 0;
	position: absolute;
	left: 8px;
	top: 13px;
	transition: all 2s;
}

.main14>a:hover>.zzc5{
	display: block;
	transform: rotateY(-720deg);
}
.main14>a>.zzc5>p{
	text-align: center;
	line-height: 500px;
	transition: all 1s;
	font-size: 37px;
	color: #ccc;
	
}
/* ↑↑↑↑↑↑↑第五个遮罩层↑↑↑↑↑↑↑ */




/* ↓↓↓↓↓↓↓第六个遮罩层↓↓↓↓↓↓↓ */
.main15>a{ 
	position: relative;
	overflow: hidden;
}
.main15>a>img{
	position: absolute;
	left: 0;
	top: 0;
}
.main15>a:hover>.zzc6{
	opacity: 1/* 透明度为1 */
}
.main15>a>.zzc6{
	width: 388px;
	height: 524px;
	z-index: 2;
	background: rgba(66, 66, 66, 0.7);/* r:红色 g:绿色  b:蓝色  a透明度 */
	opacity: 0;
	position: absolute;
	left: 406px;
	top: 13px;
	transition: all 2s;
}

.main15>a:hover>.zzc6{
	display: block;
	transform: rotate(-360deg);
}
.main15>a>.zzc6>p{
	text-align: center;
	line-height: 500px;
	transition: all 1s;
	font-size: 37px;
	color: #ccc;
}
/* ↑↑↑↑↑↑↑第六个遮罩层↑↑↑↑↑↑↑ */




/*↑↑↑遮罩层效果结束↑↑↑*/

.main11>a>img{
	width: 388px;
	height: 524px;
	position: absolute;
	z-index: 2;
	top: 3px;
	left: 406px;
}

.main5{
	/*border: 1px solid red;*/
	/*box-sizing: border-box;*/
	width: 813px;
	height: 690px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.main5>a>img{
	position: absolute;
	top: -1230px;
	left: -558px;
	z-index: 1;
}
.main12>a>img{
	width: 388px;
	height: 524px;
	position: absolute;
	z-index: 2;
	top: 13px;
	left: 9px;
}
.main13>a>img{
	width: 388px;
	height: 524px;
	position: absolute;
	z-index: 2;
	top: 13px;
	left: 406px;
}

.main6{
	/*border: 1px solid red;*/
	/*box-sizing: border-box;*/
	width: 813px;
	height: 690px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.main6>a>img{
	position: absolute;
	top: -1940px;
	left: -558px;
	z-index: 1;
}
.main14>a>img{
	width: 388px;
	height: 524px;
	position: absolute;
	z-index: 2;
	top: 12px;
	left: 9px;
}
.main15>a>img{
	width: 388px;
	height: 524px;
	position: absolute;
	z-index: 2;
	top: 12px;
	left: 406px;
}



.main7{
	/*border: 1px solid red;*/
	/*box-sizing: border-box;*/
	width: 100%;
	height: 532px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.main7>a>img{
	position: absolute;
	top: -15px;
	left: -170px;
}
.main8{
	/*border: 1px solid red;*/
	/*box-sizing: border-box;*/
	width: 100%;
	height: 622px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.main8>a>img{
	position: absolute;
	left: -205px;
}
.main9{
	/*border: 1px solid red;*/
	/*box-sizing: border-box;*/
	width: 100%;
	height: 740px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.main9>a>img{
	position: absolute;
	top: -7px;
	left: -205px;
}


/* ↓↓↓↓↓返回顶部样式开始↓↓↓↓↓↓ */

.gd{
	position: fixed;
	top: 700px;
	left: 1450px;
	z-index: 1;
}
.gd>a{
	display: block;
	text-align: center;
}
.gd>a>span{
	width: 30px;
	height: 30px;
	/*line-height: 50px;*/
	/*background: #666;*/
	display: block;
	font-family: "微软雅黑";
	font-size: 13px;
	color: #666;
	
}

/* ↑↑↑↑↑↑返回顶部样式结束↑↑↑↑↑↑ */



			/*↑↑↑↑↑↑主体部分结束↑↑↑↑↑↑*/
			
					
			
		/*↓↓↓↓↓↓底部样式开始↓↓↓↓↓↓*/
footer{
	width: 100%;
	height: 210px;
	margin-top: 50px;
}	
.shop{
	width: 55%;
	height: 90px;
	margin: 0 auto;
	text-align: center;
}
.shop>ul>li{
	float: left;
	width: 150px;
	height: 50px;
	margin-left:50px;
}
.shop>ul>li>img{
	width: 46px;
	height: 46px;
	float: left;
}
.shop a{
	color: #777;
	font-size: 14px;
}
.shop a:hover{
	color: red;
}
.shop2{
	text-align: center;
}
.shop2>p{
	font-size: 14px;
	margin-top: 10px;
	color: #666;
}

/*↓↓↓2D动画↓↓↓*/
.shop>ul>li>img{
	transition: all 1.5s;
}
.shop>ul>li>img:hover{
	transform: rotate(360deg);
}
/*↑↑↑2D动画结束↑↑↑↑*/



		/*↑↑↑↑↑↑底部样式结束↑↑↑↑↑↑*/